<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>正在留言</title>
		<meta name="description" content="Free Responsive Html5 Css3 Templates ">
		<meta name="author" content="#">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="./css/zerogrid.css">
		<link rel="stylesheet" href="./css/style.css">
		<link rel='stylesheet' id='bootstrap-css-css' href='./css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='responsive-css-css' href='./css/responsive5152.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='pretty-photo-css-css' href='./js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css' media='all' />
		<link rel='stylesheet' id='main-css-css' href='./css/main5152.css?ver=1.0' type='text/css' media='all' />
		<link rel='stylesheet' id='custom-css-css' href='./css/custom5152.html?ver=1.0' type='text/css' media='all' />
		<link href="./font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="./css/menu.css">
		<script src="./js/jquery1111.min.js" type="text/javascript"></script>
		<script src="./js/script.js"></script>
		<link href="./owl-carousel/owl.carousel.css" rel="stylesheet">
		<style>
			.h3margin {
				margin: 0 0;
			}
			
			.message-right {
				padding-top: 10px;
			}
			
			article {
				margin-bottom: 0px;
			}
			
			.support-widget {
				padding: 10px 10px;
			}
			
			.p-color-red {
				color: red;
			}
			
			.input-width {
				width: 100%;
			}
			
			.row {
				margin-right: 0px;
			}
			.title-color-black{
				color:#000000;
			}
		</style>
	</head>

	<body>
		<div class="wrap-body">
			<div id='cssmenu' class="align-center">
				<ul>
					<li>
						<a href='/SSH2/index'><span>班级主页</span></a>
					</li>
					
					<li>
						<a href='/SSH2/culture'><span>班级文化</span></a>
					</li>

					<li class=' has-sub'>
						<a><span>班级成员</span></a>
						<ul>
							<li class='has-sub'>
								<a href="/SSH2/software/showStudent"><span>所有成员</span></a>
							</li>
							<li class='has-sub'>
								<a href='/SSH2/software/showCommittees'><span>班干组成</span></a>
							</li>
						</ul>
					</li>

					<li>
						<a href='/SSH2/showActivity'><span>班级风采</span></a>
					</li>

					<li class="active">
						<a href='/SSH2/showMessages'><span>留言板</span></a>
					</li>
					
					<li class='last'>
						<a href='/SSH2/toAdminLogin'><span>管理员</span></a>
					</li>
				</ul>
			</div>
			<div class="page-container">
				<div class="container">
					<div class="row">
						<div class="span8 page-content">
							<h4 class="title">写点什么吧</h3>
							<div class="box-body">
								<form action="/SSH2/leaveMessage" method="post">
									<div class="form-group">
										<div class="title-color-black">标题</div>
										<input type="text" class="form-control input-width" name="title" placeholder="标题不能为空">
									</div>
									<div class="form-group">
										<div class="title-color-black">留言人</div>
										<input type="text" class="form-control" name="name" placeholder="不填写则为匿名">
									</div>
									<div>
										<div class="title-color-black">详情</div>
										<textarea class="textarea" placeholder="内容不能为空" name="contents"
										style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
									</div>
									<c:if test="${!empty requestScope.message }">
										<div style="color:red;">
											${requestScope.message }
										</div>
									</c:if>
									<input type="submit" value="提交">
								</form>
							</div>
						</div>
						<!-- end of page content -->

						<!-- start of sidebar -->
						<aside class="span4 page-sidebar message-right">
							<section class="widget">
								<div class="support-widget">
									<h3 class="title">想说就说</h3>
									<p class="intro">说我想说，写我想写，留我想留</p>
									<p class="intro p-color-red">请文明用语！</p>
								</div>
							</section>
							<section class="widget">
								<!--<h3 class="title">Categories</h3>-->
								<ul>
									<li>
										<a href="/SSH2/leaveMessage" title="我要留言">我要留言</a>
									</li>
									<li>
										<a href="/SSH2/showMessages" title="查看所有留言">查看所有留言</a>
									</li>
								</ul>
							</section>
						</aside>
						<!-- end of sidebar -->
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="owl-carousel/owl.carousel.js"></script>
	<script>
		$(document).ready(function() {
			$("#owl-slide").owlCarousel({
				autoPlay: 3000,
				items: 1,
				itemsDesktop: [1199, 1],
				itemsDesktopSmall: [979, 1],
				itemsTablet: [768, 1],
				itemsMobile: [479, 1],
				navigation: true,
				navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
				pagination: false
			});
		});
	</script>

</html>
